<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <title>添加商品</title>
    <!-- 上传插件引入 -->
    <!-- 注意引入的jq只能有一个，两个会冲突 -->
    <!-- 如果上传插件不能用，可能是引入的文件没引入对 -->
    <script type="text/javascript" src="__STATIC__/uploadify/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
    <link href="__STATIC__/uploadify/uploadify.css" type="text/css" rel="stylesheet"></link>
    <!-- 百度编辑器引入 -->
    <script type="text/javascript" charset="utf-8" src="__STATIC__/ueditor1_4_3/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="__STATIC__/ueditor1_4_3/ueditor.all.min.js"> </script>
    <script type="text/javascript" charset="utf-8" src="__STATIC__/ueditor1_4_3/lang/zh-cn/zh-cn.js"></script>
    <!-- bootstrap和hdjs引入 -->
    <link rel="stylesheet" href="__STATIC__/bootstrap/css/bootstrap.min.css" />
    <script type="text/javascript" src="__STATIC__/hdjs/hdjs.min.js"></script>
    <link rel="stylesheet" href="__STATIC__/hdjs/hdjs.css" />
    <css file="__CONTROLLER_VIEW__/goods_add.css"/>
    <style type="text/css">
		.checkbox{
			 margin-left:5px;
			 width:90px;
			 margin-top: 10px;
		}
		textarea{
			width: 300px;
			height: 100px;
		}
    </style>
    <script type="text/javascript">
        $(function(){
            $('select[name=shop_category_cid]').change(function() {
              var tid = $(this).find("option:selected").attr('tid');
              //将tid的值赋给隐藏域，传到数据库
               $('#tid_value').val(tid);
               $.ajax({
                    //请求控制器中的方法
                    url:"{|U:'Admin/ShopGoods/up'}",
                    //传到后台的数据就是前面获得的cid
                    data:{id:tid},
                    //用post方式发送
                    type:'post',
                    //接收数据的方式是json格式
                    dataType:'json',
                    success:function(data){

                        sx = gg = '';
                        $.each(data,function(k,v){
                            //用parseInt转整数，因为v.class是字符串,'0'也是真,所以区分不了属性和规格
                            if(!parseInt(v.class)){
                                //属性(class==0)
                                sx +='<tr><td align="left">'+v.taname+'</td>';
                                sx +='<td height="50">';
                                sx += '<select name="gtvalue[]" class="attr">';
                                sx +='<option value="0">-请选择-</option>';
                                        $.each(v.tavalue, function(kk, vv) {
                                        sx +='<option value="'+vv+'">'+vv+'</option>';  
                                        });
                                sx += '</select></td>';
                                sx += '<input type="hidden" value="'+v.taid+'" name="taid[]">';
                                sx += '<td><input type="hidden" name="added[]" class="guige" value="0"/></td></tr>';
                            }else{
                                //规格
                                gg +='<tr><td align="left">'+v.taname+'</td>';
                                gg +='<td height="50">';
                                // alert(v.tavalue.length);
                                //如果tavalue中的值为，则证明tavalue的字段里是空的。这里要用input填写，
                                //上传
                                if(v.tavalue.length == 1){
                                    gg += '<input type="text" name="gtvalue[]" class="0"/>';
                                    gg += '</td><td height="50">';
                                    gg += '附加价格:<input type="text" name="added[]" class="guige" value="0"/>';
                                    gg += '</td><td height="50">';
                                    gg += '<input type="hidden" value="'+v.taid+'" name="taid[]">';
                                    gg += '<input type="button" name="" class="hd-btn hd-btn-primary hd-btn-xm add_guige" value="增加规格" />';

                                }else{
                                    gg += '<select name="gtvalue[]" class="attr">';
                                    gg +='<option value="0">-请选择-</option>';
                                            $.each(v.tavalue, function(kk, vv) {
                                            gg +='<option value="'+vv+'">'+vv+'</option>';  
                                            });
                                    gg += '</select>'; 
                                    gg += '<td height="50">';
                                    gg += '附加价格:<input type="text" name="added[]" class="guige" value="0"/>';
                                    gg += '</td><td height="50">';
                                    gg += '<input type="hidden" value="'+v.taid+'" name="taid[]">';
                                    gg += '<input type="button" name="" class="hd-btn hd-btn-primary hd-btn-xm add_guige" value="增加规格" />'; 
                                }
                                   
                                gg += '</td></tr>';
                                     
                            }
                         
                        })
                        //用html才能替换，不能用apend否则会重复增加
                        $('.sx').html(sx);
                        $('.gg').html(gg);
                    }

               })

            });
    //++++++++++++++++++删除规格+++++++++++
    $('.add_guige').live('click', function() {
       //找到父级的tr
       var tr = $(this).parents('tr');
       //克隆一整行
       var obj = tr.clone();
       //删除按钮
       var del = '<span class="hd-btn hd-btn-primary hd-btn-xm del_btn">删除规格</span>';
       obj.find('td').eq(3).find('.add_guige').remove();
       obj.find('td').eq(3).append(del);
       //放在这个tr的下面
       tr.after(obj);
       //++++++++++点击删除按钮删除一个tr++++++++++++
       $('.del_btn').click(function(){
            $(this).parents('tr').remove();

       })
       // alert(1);

    });


            
        })

    </script>
</head>
<body>
<div class="wrap">
    <div class="hd-title-header">添加商品</div>
    <form action="{|U:'Admin/ShopGoods/goods_add'}" method="post" class="form-inline hd-form" enctype="multipart/form-data">
        <table class="hd-table hd-table-list">
            <tr>
                <th class="w100">商品名称</th>
                <td class="w100">
                    <input type="text" name="gname" class="w200"/> 
                </td>
                <td></td>
            </tr>
            <tr>
                <th class="w100">货品编号</th>
                <td>
                    <input type="text" name="gnumber" class="w200" value=""/>
                </td>
                <td></td>
            </tr>
            <tr>
                <th class="w100">所属品牌</th>
                <td>
                    <select name="shop_brand_bid" class="w200 leixing">
                        <option value="">-请选择-</option>
                        <foreach from="$brandData" key="$k" value="$v">
                        <option value="{$v.bid}">{$v.bname}</option>
                        </foreach>
                    </select>
                </td>
                <td></td>
            </tr>
            
            <tr>
                <th class="w100">所属分类</th>
                <td>
                    <select name="shop_category_cid" class="w200" >
                        <option value="">-请选择-</option>
                    <foreach from="$CategoryData" key="$k" value="$v">
                    	<option tid="{$v.shop_type_tid}" value="{$v.cid}" >{$v._name}</option>
                    </foreach>
                    </select>
                </td>
                <td></td>
            </tr>
            <tr>
                <th class="w100">截止时间</th>
                <td>
                    <select name="downtime" class="w200" >
                        <option value="">-请选择-</option>
                        <option value="1" >一天</option>
                        <option value="2" >二天</option>
                        <option value="3" >三天</option>
                        <option value="4" >四天</option>
                        <option value="5" >五天</option>
                        <option value="6" >六天</option>
                        <option value="7" >七天</option>
                    </select>
                </td>
                <td></td>
            </tr>
            <tr>
                <th class="w100">商品单位</th>
                <td>
                    <input type="text" name="unit" class="w200" value="件"/>
                </td>
                <td></td>
            </tr>
            <tr>
                <th class="w100">市场价</th>
                <td>
                    <input type="text" name="markprice" class="w200" value="0"/>
                </td>
                <td></td>
            </tr>
            <tr>
                <th class="w100">商城价</th>
                <td>
                    <input type="text" name="shopprice" class="w200" value="0"/>
                </td>
                <td></td>
            </tr>
            <tr>
                <th class="w100">满</th>
                <td>
                    <input type="text" name="man" class="w200" value="0"/>
                </td>
                <td></td>
            </tr>
            <tr>
                <th class="w100">减</th>
                <td>
                    <input type="text" name="jian" class="w200" value="0"/>
                </td>
                <td></td>
            </tr>
            <tr>
                <th class="w100">点击次数</th>
                <td>
                    <input type="text" name="click" class="w200" value="0"/>
                </td>
                <td></td>
            </tr>
            <tr>
                <th class="w100">库存数量</th>
                <td>
                    <input type="text" name="stock" class="w200" value="件"/>
                </td>
                <td></td>
            </tr>
            <tr>
                <th class="w100">商品评价</th>
                <td>
                    <textarea name="pingjia" id="" cols="30" rows="10"></textarea>
                </td>
                <td></td>
            </tr>
            
            <tr>
                <th class="w100">列表图</th>
                
                <td>
                <!-- 列表图上传插件 -->
                    <div lab="uploadFile">
                                <input id="file1" type="file" multiple="true">
                                <span>类型: *.jpg,*.png 大小: 2000KB 数量: 10</span>
                                <script type="text/javascript">
                                    $(function() {
                                        $('#file1').uploadify({
                                            'formData'     : {//POST数据
                                                '<?php echo session_name();?>' : '<?php echo session_id();?>',
                                            },
                                            'fileTypeDesc' : '上传文件',//上传描述
                                            'fileTypeExts' : '{$set['filetype']}',
                                            'swf'      : '__STATIC__/uploadify/uploadify.swf',
                                            'uploader' : '{|U:"upload"}',
                                            'buttonText':'选择文件',
                                            'fileSizeLimit' : '2000KB',
                                            'uploadLimit' : 1000,//上传文件数
                                            'width':65,
                                            'height':25,
                                            'successTimeout':10,//等待服务器响应时间
                                            'removeTimeout' : 0.2,//成功显示时间
                                            'onUploadSuccess' : function(file, data, response) {
                                                data=$.parseJSON(data);
                                                var imageUrl = data.image?data.url:'__STATIC__/image/default.png';
                                                var li="<li path='"+data.path+"' url='"+data.url+"'><img src='"+imageUrl+"' class='hd-w80 hd-h70'/></li>";
                                                $("#uploadList ul").prepend(li);
                                                
                                                //将图片的path属性，付给input隐藏域中
                                                $('#suolue1').val(data.path);
                                            }
                                        });
                                    });
                                    //===========抓取li中的path路径,用异步放到后台=================
                                </script>
                                <div id="uploadList">
                                    <ul>
                     
                                    </ul>
                                </div>
                            </div>  
                </td>
                <td></td>
            </tr>
            
            <tr>
                <th class="w100">图册图片</th>
                
                <td>
                <!-- 图册上传插件 -->
                    <div lab="uploadFile">
                                <input id="file" type="file" multiple="true">
                                <span>类型: *.jpg,*.png 大小: 4000KB 数量: 10</span>
                                <script type="text/javascript">
                                    $(function() {
                                        $('#file').uploadify({
                                            'formData'     : {//POST数据
                                                '<?php echo session_name();?>' : '<?php echo session_id();?>',
                                            },
                                            'fileTypeDesc' : '上传文件',//上传描述
                                            'fileTypeExts' : '{$set['filetype']}',
                                            'swf'      : '__STATIC__/uploadify/uploadify.swf',
                                            'uploader' : '{|U:"upload_tuce"}',
                                            'buttonText':'选择文件',
                                            'fileSizeLimit' : '4000KB',
                                            'uploadLimit' : 1000,//上传文件数
                                            'width':65,
                                            'height':25,
                                            'successTimeout':10,//等待服务器响应时间
                                            'removeTimeout' : 0.2,//成功显示时间
                                            'onUploadSuccess' : function(file, data, response) {
                                                data=$.parseJSON(data);
                                                var imageUrl = data.image?data.url:'__STATIC__/image/default.png';
                                                var li="<li path='"+data.path+"' url='"+data.url+"'><img src='"+imageUrl+"' class='hd-w80 hd-h70'/></li>";
                                                $("#uploadList2 ul").prepend(li);
                                                
                                                //将图片的path属性，付给input隐藏域中

                                                $('#suolue2').val($('#suolue2').val()+','+data.path);
                                                
                                            }
                                        });
                                    });
                                    //===========抓取li中的path路径,用异步放到后台=================
                                </script>
                                <div id="uploadList2">
                                    <ul>
                     
                                    </ul>
                                </div>
                            </div>  
                </td>
                <td></td>
            </tr>
            <tr>
                <th class="w100">商品实拍</th>
                
                <td>
                <!-- 图册上传插件 -->
                    <div lab="uploadFile">
                                <input id="file2" type="file" multiple="true">
                                <span>类型: *.jpg,*.png 大小: 4000KB 数量: 10</span>
                                <script type="text/javascript">
                                    $(function() {
                                        $('#file2').uploadify({
                                            'formData'     : {//POST数据
                                                '<?php echo session_name();?>' : '<?php echo session_id();?>',
                                            },
                                            'fileTypeDesc' : '上传文件',//上传描述
                                            'fileTypeExts' : '{$set['filetype']}',
                                            'swf'      : '__STATIC__/uploadify/uploadify.swf',
                                            'uploader' : '{|U:"upload_tuce"}',
                                            'buttonText':'选择文件',
                                            'fileSizeLimit' : '4000KB',
                                            'uploadLimit' : 1000,//上传文件数
                                            'width':65,
                                            'height':25,
                                            'successTimeout':10,//等待服务器响应时间
                                            'removeTimeout' : 0.2,//成功显示时间
                                            'onUploadSuccess' : function(file, data, response) {
                                                data=$.parseJSON(data);
                                                var imageUrl = data.image?data.url:'__STATIC__/image/default.png';
                                                var li="<li path='"+data.path+"' url='"+data.url+"'><img src='"+imageUrl+"' class='hd-w80 hd-h70'/></li>";
                                                $("#uploadList3 ul").prepend(li);
                                                
                                                //将图片的path属性，付给input隐藏域中

                                                $('#suolue3').val($('#suolue3').val()+','+data.path);
                                                
                                            }
                                        });
                                    });
                                    //===========抓取li中的path路径,用异步放到后台=================
                                </script>
                                <div id="uploadList3">
                                    <ul>
                     
                                    </ul>
                                </div>
                            </div>  
                </td>
                <td></td>
            </tr>
            <table class="hd-table hd-table-list">
            <p class="btn">商品属性</p>
                <tbody class="sx">
                
                </tbody>
            </table>
            <table class="hd-table hd-table-list">
            <p class="btn">商品规格</p>
                <tbody class="gg">
                
                 
                </tbody>
            </table>
            <tr>
                <th class="w100">商品详细</th>
                <td>
                    <script id="editor" type="text/plain" style="width:1024px;height:500px;" name="infor"></script>
                    <script>
                       var ue = UE.getEditor('editor');
                    </script>
                	
                </td>
                <td></td>
            </tr>
            
            <tr>
                <th class="w100">售后服务</th>
                <td>
                    <script id="editor1" type="text/plain" style="width:1024px;height:500px;" name="service"></script>
                    <script>
                       var ue = UE.getEditor('editor1');
                    </script>
                    
                </td>
                <td></td>
            </tr>
        
        </table>

        <div class="position-bottom">
            <input id="tid_value"  type="hidden" value="" name="shop_type_tid" />
            <input id="suolue1"  type="hidden" value="" name="pic" />
            <input id="suolue2"  type="hidden" value="" name="pic1" />
            <input id="suolue3"  type="hidden" value="" name="pic2" />
            <input type="submit" class="hd-btn hd-btn-success" value="添加"/>
        </div>
    </form>
</div>
</body>
</html>